<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
<form>
    <!-- text 文本框 用户可以输入任何文字 -->
    用户名:<input type="text" name="username" value="请输入用户名" maxlength="6"> <br>
    <!-- password 密码框 用户看不见自己输入的信息 -->
    密码:<input type="password" name="pwd" value="请输入密码"> <br>
    <!-- radio 定义单选框 -->
    性别:男<input type="radio" name="sex">女<input type="radio" name="sex"> <br>
    <!-- checkbox定义复选框 -->
    爱好:干饭<input type="checkbox" name="hobby">睡觉<input type="checkbox" name="hobby">打游戏<input type="checkbox" name="hobby"><br>
    <!-- name 定义input元素名称 -->
    <!-- value 用户自己定义 规定input名称 -->
    <!-- name和value是每个表单元素都有的属性,主要给后台人员使用 -->
    <!-- name要求每个单选按钮和复选框有相同的name值 -->
    <!-- 单选按钮和复选框都可以设置checked属性 -->
    <!-- checked属性主要针对单选按钮和复选框，主要作用是一打开页面，就可以默认选中 -->
    <!-- maxlength可以在表单元素输入最大字符数，一般不常用 -->
    <input type="checkbox" name="1" checked="checked">同意吴先生合同<br>
    <!-- type属性的属性值submit会定义提交按钮，提交按钮会把数据提交服务器 若不写value则默认是提交 -->
    <input type="submit" value="免费注册">
    <!-- type属性的属性值reset定义重置按钮，会清除表单中的所有数据 -->
    <input type="reset" value="一键重置">
    <!-- type属性的属性值button 生成一个普通按钮 一般结合JavaScript -->
    <input type="button" value="发送验证码"><br>
    <!-- 文件域属性值file上传一个文件 -->
    上传头像：<input type="file">
</form>    
</body>
</html>